$(function () {
  var totalPage;
  $.ajax({
    url: 'http://127.0.0.1:9090/api/getmoneyctrl',
    dataType: 'json',
    data: {
      pageid: 0
    },
    success: function (info) {
      $('.mmb_content').html(template('tmp', info))
      console.log(info)
      totalPage = Math.ceil(info.totalCount / info.pagesize)
      var html = ''
      for (var i = 0; i < totalPage; i++) {
        html += '<option value="' + i  + '">' + (i + 1) + '/' + totalPage + '</option>'
      }
      $('#page').html(html)
    }
  })

  function render(page) {
    $.ajax({
      url: 'http://127.0.0.1:9090/api/getmoneyctrl',
      dataType: 'json',
      data: {
        pageid: page
      },
      success: function(info) {
        console.log(info)
        $('.mmb_content').html(template('tmp', info))
      }
    })
  }

  $('#page').on('change', function () {
    var page = $('#page option:selected').val()
    render(page)
  })

  $('.paging').on('click', '.prev', function () {
    var page = $('#page').val()
    if (page > 0) {
      page--
      $('#page option[value=' + page + ']').prop('selected', true)
      render(page)
    }

  })
  $('.paging').on('click', '.next', function () {
    var page = $('#page').val()
    if (page < totalPage) {
      page++
      $('#page option[value=' + page + ']').prop('selected', true)
      render(page)
    }

  })
})